<template>
  <div class="mt-footer">
    <div class="footerCon">
      <div class="footer-link">
        <el-row>
          <el-col :span="4" class="footer-col">
            <dl>
              <dt>用户帮助</dt>
              <dd v-for="(item,idx) in userHelp" :key="idx">{{item}}</dd>
            </dl>
            <dl>
              <dt>美团服务</dt>
              <dd v-for="(item,idx) in service" :key="idx">{{item}}</dd>
            </dl>
          </el-col>
          <el-col :span="4" class="footer-col">
            <dl>
              <dt>商务合作</dt>
              <dd v-for="(item,idx) in corpList" :key="idx">{{item}}</dd>
            </dl>
          </el-col>
          <el-col :span="4" class="footer-col">
            <dl>
              <dt>代理商加盟</dt>
              <dd v-for="(item,idx) in agent" :key="idx">{{item}}</dd>
            </dl>
            <dl>
              <dt>美团规则</dt>
              <dd v-for="(item,idx) in rules" :key="idx">{{item}}</dd>
            </dl>
          </el-col> 
          <el-col :span="4" class="footer-col">
            <dl>
              <dt>关注美团</dt>
              <dd v-for="(item,idx) in focus" :key="idx">{{item}}</dd>
            </dl>
            <dl>
              <dt>公司信息</dt>
              <dd v-for="(item,idx) in firmInfo" :key="idx">{{item}}</dd>
            </dl>
            <dl>
              <dt>廉政举报</dt>
              <dd v-for="(item,idx) in report" :key="idx">{{item}}</dd>
            </dl>
            <dl>
              <dt>知识产权</dt>
              <dd v-for="(item,idx) in platform" :key="idx">{{item}}</dd>
            </dl>
          </el-col>
          <el-col :span="4" class="footer-col">
            <dl>
              <dt>消费者服务热线</dt>
              <dd v-for="(item,idx) in phone" :key="idx"> {{item}} </dd>
            </dl>
            <dl>
              <dt>商家服务热线</dt>
              <dd v-for="(item,idx) in storePhone" :key="idx">{{item}}</dd>
            </dl>
            <dl>
              <dt>投诉举报热线</dt>
              <dd v-for="(item,idx) in reportPhone" :key="idx">{{item}}</dd>
            </dl>
            <dl>
              <dt>商家自助入驻美团入口</dt>
            </dl>
            <dl>
              <dt>供应商注册入口</dt>
            </dl>
          </el-col>
        </el-row>
      </div>
      <div class="footer-copyright">
        <div class="footer-copyright-left">
          <p>
            <span>©美团网团购 meituan.com</span>
            <span>京ICP证070791号</span>
            <span>京ICP备10211739号</span>
          </p>
          <p>
            广播电视节目制作经营许可证（京）字第03889号
          </p>
          <p>
            <span>
              食品经营许可证
            </span>
            <span>互联网药品信息服务资格证</span>
          </p>
          <p>医疗器械网络交易服务第三方平台备案：（京）网械平台备字[2018]第00004号</p>
        </div>
        <div class="footer-copyright-right"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      userHelp: ['申请退款','查看美团券密码','常见问题','用户协议','隐私政策','反诈骗公告','消费者权益保障'],
      service: ['美团外卖','美团酒店','猫眼电影','美团配送','美团云','大众点评','美团民宿','无人配送'],
      corpList: ['美团餐饮商户中心','美食商家入驻（非外卖）','美团外卖开店申请','美团收银官网','外卖配送加盟申请','美团点评餐饮学院','酒店商家入驻','境内度假商家入驻','综合商家入驻','美团民宿房东商家入驻','商家开票申请','美团点评智能收银机','美团点评餐饮开放平台','美团点评收单','免费试用美团排队','快驴进货商家合作','美团闪购商家入驻'],
      agent: ['美团外卖代理商招募','到店餐饮代理商招募','非餐饮代理商招募','美团联盟','美团收银招募线上分销商','美团点评5S服务商招募','美团收单渠道代理商招募'],
      rules: ['规则中心','规则目录','规则评议院'],
      focus: ['美团新浪微博'],
      firmInfo: ['关于我们','投资者关系','加入我们','商户诚信公约及管理办法','保险经纪资质'],
      report: ['廉政邮箱'],
      platform: ['知识产权维权平台'],
      phone: ['外卖消费者：10109777','猫眼消费者：10105335','其他消费者：10107888'],
      storePhone: ['外卖&餐饮商家：10105557','休闲娱乐、丽人、ktv、教育、结婚、亲子、家装等商家：10100107'],
      reportPhone: ['违法和不良信息举报电话：4006018900','举报邮箱：tousujubao@meituan.com']
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
@import '@/assets/css/public/footer/index.scss'
</style>